<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="viewport" content="width=750,maximum-scale=1.0,user-scalable=no">
<link href="" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/index4.css">
<script type="text/javascript" src="js/wow.min.js"></script>
</head>
<body>
       <header>
    	 <div class="nav">
    	 	 <div>
    	 	    <a href="meta.html" class="back">Back</a>
    	 	 </div>
    	 	 <div>我的</div>
    	 	 <div class="nav_img">
    	 	 	 <img src="images/nav_img.png">
    	 	 </div>
    	 </div>
    	 
    </header>
    <div class="banner">
    	
    	 <div class="banner_box">


    	 	   <div class="big_felx">
    	 	   	     
                       <input type="radio" name="sex" id="btn_1" />
                       <label for="btn_1" id="pa_1"></label>

                       <input type="radio" name="sex" id="btn_2" />
                       <label for="btn_2" id="pa_2"></label>

                       <input type="radio" name="sex" id="btn_3" />
                       <label for="btn_3" id="pa_3"></label>
                       
                       <input type="radio" name="sex" id="btn_4" />
                       <label for="btn_4" id="pa_4"></label>
                     <div class="flex_child">
                          <div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg1.png">
                                    </div>
                                    <a href="#">美食</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg2.png">
                                    </div>
                                    <a href="#">电影</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg3.png">
                                    </div>
                                    <a href="#">运动</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg4.png">
                                    </div>
                                    <a href="#">唱歌</a>
                               </div>
                          </div>
                             <div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg1.png">
                                    </div>
                                    <a href="#">美食</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg2.png">
                                    </div>
                                    <a href="#">电影</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg3.png">
                                    </div>
                                    <a href="#">运动</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg4.png">
                                    </div>
                                    <a href="#">唱歌</a>
                               </div>
                          </div>
                             <div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg1.png">
                                    </div>
                                    <a href="#">美食</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg2.png">
                                    </div>
                                    <a href="#">电影</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg3.png">
                                    </div>
                                    <a href="#">运动</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg4.png">
                                    </div>
                                    <a href="#">唱歌</a>
                               </div>
                          </div>
                             <div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg1.png">
                                    </div>
                                    <a href="#">美食</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg2.png">
                                    </div>
                                    <a href="#">电影</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg3.png">
                                    </div>
                                    <a href="#">运动</a>
                               </div>
                               <div>
                                    <div class="flex_img">
                                         <img src="images/flex_child_bg4.png">
                                    </div>
                                    <a href="#">唱歌</a>
                               </div>
                          </div>
                     </div>

    	 	   </div>

    	 </div>

    </div>
    <!-- banner end -->

    <div class="center">
          
        <div class="center_box">

          <div class="money">
             <div class="borthday_bg">
                 <img src="images/borthday_bg.png">
             </div>
             <div>美食类</div>
             <div>
                <a href="#" class="more_money">更多</a>
             </div>
            </div>
            <div class="play wow bounceIn  "  data-wow-iteration="1" data-wow-duration="1s">
                 <div>
                     <img src="images/foot_bg_1.png">
                 </div>
                 <div><img src="images/foot_bg_1.png"></div>
                 <div><img src="images/foot_bg_1.png"></div>
                 <div><img src="images/foot_bg_1.png"></div>
            </div>
              
           <div class="money">
             <div class="play_bg">
                 <img src="images/play_bg.png">
             </div>
             <div>运动类</div>
             <div>
                <a href="#" class="more_money">更多</a>
             </div>
            </div>
            <div class="play wow bounceIn " data-wow-iteration="1" data-wow-duration="1s">
                 <div>
                     <img src="images/play_bg1.png">
                 </div>
                 <div><img src="images/play_bg2.png"></div>
                 <div><img src="images/play_bg3.png"></div>
                 <div><img src="images/play_bg4.png"></div>
            </div>
            <div class="money">
             <div class="move_bg">
                 <img src="images/move_bg.png" >
             </div>
             <div>电影类</div>
             <div>
                <a href="#" class="more_money">更多</a>
             </div>
            </div>
            <div  class="play wow bounceIn " data-wow-iteration="1" data-wow-duration="1s">
                 <div>
                     <img src="images/play_bg5.png">
                 </div>
                 <div><img src="images/play_bg6.png"></div>
                 <div><img src="images/play_bg7.png"></div>
                 <div><img src="images/play_bg7.png"></div>
            </div>
        </div>




    </div>
<div class="footer">
    <div class="menu">
       <a href="meta.html"><img src="images/menu_img.png" />首页</a>
       <a href="index2.html" target="_blank"><img src="images/menu_img2.png" />分类</a>
       <a href="index3.html" target="_blank"><img src="images/menu_img3.png" />发现</a>
       <a href="index4.html" target="_blank"><img src="images/menu_img04.png" />我的</a>
    </div>
</div>
</body>
</html>
<script>
  new WOW().init();
</script>